<div class="flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg">
  <div
    [style.width.%]="progress"
    class="flex {{
      color.innerBar
    }} my-1 mx-1 transition-width duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl"
  >
    <div class="flex items-center pl-2 py-1 text-gray-900 font-bold text-4">
      {{ progress }}%
    </div>
  </div>
</div>
